<!DOCTYPE html>
<html lang="en">
<head>
	<title>${advertisementList.advertisementName}</title>
	<meta name="author" content="首儿健康汇">
	<meta name="description" content="食谱">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style type="text/css">
		*{margin: 0px;padding: 0px;list-style-type: none;}
		#shouer-content{margin-bottom: 5.8vw;}
		#shouer-header{width: 100%;height: 66vw;background: url(http://shouer-share.shouerhealth.cn/${url}) no-repeat; background-size: 100% 66vw;}
		p{color: white;position: absolute;top: 55vw;left: 7.8vw;font-size: 6.6vw;font-weight: 300;text-shadow:0px 2px rgba(0,0,0,0.5);}

		/*detail*/
		.shouer-detail{
			width: 89vw;
			margin: 5.3vw auto 0px auto;	
			background:url(http://shouer-share.shouerhealth.cn/image/shouer-shipu-border.png) no-repeat; background-size: 100%;
		}
		.shouer-detail-bg{width: inherit;height: 6.6vw;}
		.top{background: url(http://shouer-share.shouerhealth.cn/image/shouer-shipu-bg.png);background-size: 89vw 10vw;}
		.center{height: auto; background: url(http://shouer-share.shouerhealth.cn/image/shouer-shipu-bg1.png) repeat-y;background-size: 89vw;}
		.bottom{background: url(http://shouer-share.shouerhealth.cn/image/shouer-shipu-bg2.png);background-size: 89vw 6.67vw;}

		/*content*/
		.shouer-detail-icon{
			width: 5.8vw;height: 5.8vw;
			margin-left: 8vw;
			background: url(http://shouer-share.shouerhealth.cn/image/shouer-shipu-item.png) no-repeat; background-size: 5.8vw;float: left;
		}
		.shouer-detail-title{
			width: 65vw;height: 4.8vw;
			margin-left: 16vw;padding-top: 1.1vw;
			color: rgb(99,173,247);font-size: 4.8vw;line-height: 4.8vw;
		}
		.shouer-detail-desc{
			width: 73vw;
			margin: 0 auto;padding-top: 4.8vw;
			color: rgb(102,102,102);font-size: 4vw;font-weight: 400;letter-spacing: 1px;line-height: 130%;
		}

		
	</style>
</head>
<body>
	<div id="shouer-content">	
		<!-- header -->
		<div id="shouer-header">
			<p>${advertisementList.advertisementName}</p>
		</div>

		<!-- detail -->
		<ul>
			<#if (advertisementListData?size>0)>
			<#list advertisementListData as object >
		    <li class="shouer-detail">
				<div class="shouer-detail-bg top"></div>
				<div class="shouer-detail-bg center">
					<div class="shouer-detail-icon"></div>
					<div class="shouer-detail-title"> ${object.dataName}</div>
					<div class="shouer-detail-desc">
					${object.dataDesc?replace("#","<br>")} 
				</div>
				<div class="shouer-detail-bg bottom"></div>
			</li>
		     </#list>
			</#if>
		
		</ul>
	</div>
</body>
</html>